<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDFO9QayL-amotzza9umKUR8gJLmhjl4mI">
    </script>
    <script type="text/javascript">
    function initialize() {
    var mapOptions = {
    center: new google.maps.LatLng(48.6, 44.5),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.HYBRID
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
    mapOptions);
    var key = Math.floor(Math.random()*90000) + 10000;
    /*
        var DotsLayer = new google.maps.KmlLayer({
        url: '/dots.kml',
        map: map,
        preserveViewport: 1
        });
        var RedbookLayer = new google.maps.KmlLayer({
        url: '/plants.kml?rev=2213',
        map: map,
        preserveViewport: 1
        });
    */
    var BoundaryLayer = new google.maps.KmlLayer({
    url: 'http://v7k.biz:9000/kml/boundary',
    map: map,
    preserveViewport: 1
    });
    var RedBookLayer = new google.maps.KmlLayer({
    url: '/kml/redbook',
    map: map,
    preserveViewport: 1
    });
    var SpnaLayer = new google.maps.KmlLayer({
    url: '/kml/spna',
    map: map,
    preserveViewport: 1
    });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>
